.guide-w{width:100%; height:100vh; position:relative; background:url(../images/dmbg.jpg) no-repeat center top; background-size:cover;}
.g-logo{width:326px; height:140px; margin:0 auto; background:rgba(0,90,172,0.7); border-radius:0 0 30px 30px; padding:60px 30px 0; box-sizing:border-box; z-index:1; clear:both;}
.dmtb{width:100%; height:auto; position:absolute; left:0; top:0; overflow:hidden;}
.dmtb li{width:25%; height:100vh; float:left; padding:18% 20px 0;}
.dmtb li:nth-child(odd) {background:rgba(255,255,255,0.15);}
.dmtb .g-tb{width:100px; height:100px; margin:0 auto; }
.dmtb .g-tt{width:100%; height:auto; line-height:28px; color:#fff; font-size:18px; text-align:center; font-weight:bold; margin-top:15px;}
.dmtb .g-xx{width:100%; height:auto; line-height:24px; color:#cfa972; font-size:16px; text-align:center; margin-top:4px;}
.dmtb li a{transition: all 0.3s; display:block;}
.dmtb li a:hover{transform: translateY(-20px);}

.dmft{width:100%; height:auto; position:absolute; left:0; bottom:0; z-index:1; clear:both; text-align:center;}
.dmft-01{ width:90%; max-width:1200px; height:40px; line-height:40px; font-size:28px; color:#fff; position:relative; clear:both; margin:0 auto;}
.dmft-01 span{letter-spacing:0.8em; padding-left:23px;}
.dmft-01 span:after{
content: "";
  position: absolute;
  z-index: 1;
  background:#fff;
  left:0;
  width:25%;
  bottom: 14px;
  z-index:10;
  height: 1px;
}
.dmft-01 span:before{
content: "";
  position: absolute;
  z-index: 1;
  background:#fff;
  right:0;
  width:25%;
  bottom: 14px;
  z-index:10;
  height: 1px;
}
.dmft-02{width:90%; max-width:1200px; height:40px; line-height:40px; font-size:16px; color:#d8d8d8; margin:0 auto 30px; letter-spacing:0.4em;}
.dmft-02 span{padding-left:7px;}
.dmft-03{width:90%; max-width:1200px; height:60px; line-height:60px; font-size:14px; color:#999; margin:0 auto;}
.dmft-03 a, .dmft-03 a:hover{color:#999;}

#header{ overflow:hidden; padding:1.5em 0; position:fixed; left:0; top:0; width:100%; z-index:1000; -webkit-transition:all 1s cubic-bezier(.23,1,.32,1);-o-transition:all 1s cubic-bezier(.23,1,.32,1);transition:all 1s cubic-bezier(.23,1,.32,1); background:#005bac;}
.header_mid{ min-height:1.6875em; margin:0 2%; position:relative;} 
.header_mid_left{position:absolute; left:0; top:0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header_mid_left img{width:16em; height:auto; display:block;}
.header_mid_right{position:absolute; right:0; top:2px;}
.header_mid_mid{text-align:center;}
.header_mid_mid_2 ul li{display:inline-block; margin:10px 1.2em 0; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.header_mid_mid_2 ul li a{font-size:1.1em; color:#fff;}
.bodyon #header,.bodyon_02 #header{padding:1.5em 0; background-color:#005bac;}
.bodyon #header .header_mid_left,.bodyon_02 #header .header_mid_left{top:-8px;} 
.bodyon #header .header_mid_mid_2 ul li,.bodyon_02 #header .header_mid_mid_2 ul li{ margin-top:5px;}
.div1200{margin:0 auto; max-width:75em; padding:0 1em;}
.div1000{margin:0 auto; max-width:62.5em; padding:0 1em;}
.div1600{margin:0 auto; max-width:1600px; width:83%;}
.banner_txt{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; text-align:center; color:#fff;}
.banner_txt_1{font-size:3.4375em; letter-spacing:0.25em;}
.banner_txt_2{display:inline-block; font-size:1.25em; color:#fff; padding:0.3em 2.5em; letter-spacing:1em;}
.banner_txt_2{margin-top:1em;}
.indexbanner .swiper-pagination-index-banner{width:90px; left:50%; margin-left:-45px; height:90px; bottom:40px;}
.indexbanner .swiper-pagination-bullet{ background:none; background-image:url(../images/ant01.png);opacity:1;margin:0;border-radius:0; width:42px; height:42px; float:left;} 
.indexbanner .swiper-pagination-bullet-active{background-image:url(../images/ant02.png);}
.indexbanner .swiper-pagination-bullet:nth-child(2),.indexbanner .swiper-pagination-bullet:nth-child(3){float:right;}
.indexbanner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0px 0 6px 0;}

#footer{ padding-top:6em; padding-bottom:7em; background-color:#005bac; color:#fff;}
#footer a{color:#fff}
.footer_mid{margin:0 13%;}
.footer_mid_1 img{max-width:15em;}
.footer_mid_2{text-align:right; position:relative; height:2.0625em;}
.footer_mid_2_mid{position:absolute; right:0; top:-2.2em; width:18em; text-align:right;}
.footer_mid_2 a{margin-left:0.8em; display:inline-block; position:relative; width:2.3em; height:2.3em; border:1px solid #fff; border-radius:100px; line-height:2em; text-align:center; color:#fff !important;}
.footer_mid_2 a i{font-size:1.6em; vertical-align: middle;}
#footer a:hover{color:#fff;}
.footer_mid_3{position:relative; padding-right:19em; color:#fff;}
.footer_mid_3_right{position:absolute; right:0; top:0; width:15em;}
.footer_mid_3_left ul li{float:left; width:16%;}
.footer_mid_3_left ul li:nth-child(1){width:28%; margin-right:3em;}
.footer_mid_3_left_1{padding-bottom:0.7em; font-size:1.1em; position:relative;}
.footer_mid_3_left_1:after{
content: "";
  position: absolute;
  z-index: 1;
  background: #4688c3;
  left: 0%;
  width:70px;
  bottom: 0px;
  z-index:10;
  height: 1px;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
.ftt_s1 dd{font-size:0.93em; color:#fff; line-height:1.5em;}
.ftt_s1 dd span{color:#fff;}
.copyright_mid{padding:1.3em 0; background:#005bac; border-top:1px solid #4688c3;}
.copyright_mid_mid{color:#fff; font-size:0.78125em; text-align:center;}
.copyright_mid_mid a{color:#fff; margin-left:10px;}
.copyright_mid_mid a:hover{color:#fff;}

.link_mid{padding:1.3em 0; background:#005bac; border-top:1px solid #4688c3;}
.link_mid_mid{color:#c7e3fc; font-size:0.7em; text-align:center;}
.link_mid_mid a{color:#c7e3fc; margin-left:10px;}
.link_mid_mid a:hover{color:#fff;}


@media screen and (max-width:1600px) {
.header_mid_mid{text-align:right; margin-right:5em;}
}

@media screen and (max-width:1440px) {
.footer_mid{margin:0 4%;}
.header_mid_mid_2 ul li{margin:10px 1em 0;}
.header_mid_left img{width:15em;}
.dmtb li{width:25%; height:100vh; float:left; padding:25% 20px 0;}

}
.footer_mid_3_left ul li dl{font-size:0.93em; margin-top:1.3em;}
.footer_mid_3_left ul li dl dd{margin-bottom:0.4em;}
.footer_mid_3_right_3{ font-size:0.5em; color:#fff; font-family:Arial, Helvetica, sans-serif; line-height:1.5em; height:3em;}
.footer_mid_3_right_2{font-size:0.7em; margin-bottom:0.5em;}
.footer_mid_3_right_1{margin-top:1.3em; margin-bottom:1.3em;}

.about_1_mid_left{float:left; position:relative; width:54%;}
.about_1_mid_left img{width:100%;}
.about_1_mid_right{float:right; width:40%;}
.about_1_mid_right_1{font-size:1.8em; margin-top:1.4em;}
.about_1_mid_right_1 span{display:block; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#005bac; font-size:1.4em;}
.about_1_mid_right_2{font-size:1.2em; line-height:2em; margin-top:1.5em; margin-bottom:2.5em;}
.about_1_mid_right_3{font-size:0.875em; text-align:right;}
.about_1_mid_right_3 a span{font-family:Arial, Helvetica, sans-serif; font-size:1.2em; padding-right:2em; position:relative; display:inline-block; color:#005bac;}
.about_1_mid_right_3 i{font-size:2em; margin-right:10px; vertical-align:middle;  -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.about_1_mid_right_3 a:hover i{margin-right:5px;}
.about_1_b_w{width:100%; height:auto; background:#fff url(../images/about-lbg.jpg) no-repeat left bottom; overflow:hidden;}
.about_1_b{width:83%; max-width:1600px; height:10em; margin:0 auto; text-align:right; line-height:10em;}
.about_1_b span{font-size:1.3em; padding-left:10em; color:#333;}
.about_1_b_w .faril{font-family:Arial, Helvetica, sans-serif; font-size:1.4em; padding-right:2em;}
.fz1{font-size:1em;}
.about_1{padding-top:6em; background:#f2f5fa url(../images/about-lbg.jpg) no-repeat left bottom; overflow:hidden;}
.about_2{position:relative;}
#indexvideo{object-fit:cover; display:none;position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;}
.about_3_1{margin-top:3em; text-align:center; font-size:2em;}
.about_3_2{margin-bottom:1.5em; text-align:center; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#005bac; font-size:2.5em; letter-spacing:1px;}
.about_3_3{border:1px #c9c9c9 solid; }
.about_3_3_mid{position:relative; overflow:hidden;}
.about_3_3_mid:after{
	content: "";
	position: absolute;
	z-index: 1;
	left: 0%;
	width: 1px;
	top: 0%;
	height:100%; background-color:#c9c9c9;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.swiper-slide:nth-child(1) .about_3_3_mid:after{display:none}
.about_3_3_mid img{-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s; width:100%;opacity:1;}
.about_3_3_mid_name{ padding-left:1.4em; position:absolute; left:1em; bottom:2em; z-index:10;}
.about_3_3_mid_name:after{
	content: "";
	position: absolute;
	z-index: 1;
	left: 0%;
	width: 1em;
	top: 0.7em;
	height:1px; background-color:#999;
	background-repeat:no-repeat;
	background-position:center;
	z-index:10;
	-webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.about_3_3_mid_name_1{font-size:1.125em; color:#fff;}
.about_3_3_mid_name_2{font-family: "gilroy-regular"; margin-top:0.5em;
font-size:0.875em; color:#999;}
.about_3_3_mid:hover img{opacity:1;}
.about_3_3_mid:hover .about_3_3_mid_name_1{color:#fff;}
.about_3_3_mid:hover .about_3_3_mid_name_2{color:#999;}
.about_3_3_mid:hover .about_3_3_mid_name:after{background-color:#fff;}
.honor_list{padding:10px; background:#e6e6e6; height:20em; line-height:20em; display:flex; align-items:center; justify-content:center; -webkit-transition: all .4s ease-in-out;
	transition: all .4s ease-in-out;
}
.honor_list img{max-width:100%; max-height:100%; width:auto; height:auto;}
.honor_tt{font-size:1em; color:#000; text-align:center; line-height:1.5em; margin-top:1em; font-style:normal;}
.honor_ny i:hover .honor_list{background:#ccc;}

.pro_btn{ margin-top:4em; margin-bottom:6em; text-align:center;}
.pro_btn span{display:inline-block;}
.pro_btn_left,.pro_btn_right{margin:0 0.8em; display:inline-block; cursor:pointer; color:#333;}
.pro_btn_left span{ padding-left:1.5em;}
.pro_btn_right span{ padding-right:1.5em;}
.pro_btn_left:hover,.pro_btn_right:hover{color:#005bac;}
.pro_btn_left i,.pro_btn_right i{font-size:3em;}
.index_4{margin-bottom:6em;}
.index_4_1{font-size:2.5em; margin-bottom:1.5em;font-family:"Times New Roman", Times, serif; font-weight:bold; color:#005bac;}
.index_4_2{ min-height:5.1em; max-width:20em; font-size:0.875em; line-height:1.7; margin-top:0.5em; margin-bottom:2.5em;}
.index_4_2_right{float:right; width:68%; margin-top:-18em;}
.index_4_2_left{float:left; margin-top:3em;}
.index_4_2_right_mid{position:relative; padding-right:2.5em;}
.index_4_2_right_mid_left{position:absolute; right:0; bottom:0; text-align:center; width:1em;}
.index_4_2_right_mid_left i{color:#333; font-size:2.5em; line-height:1em;}
.index_4_2_right_mid_left i:hover{color:#005bac}
.index_4_2_right_mid_right{position:relative; height:100%; width:100%; height:34em;}
.index_4_2_right_mid_right_img img{width:100%;}
.index_4_2_right_mid_right_img{overflow:hidden}
.ind_mkt{width:100%; background:url(../images/yx-bg.jpg) no-repeat center top; background-size: cover;}
.c_white{color:#fff !important;}
.index_6{margin-bottom:6em;}
.index_6_mid{color:#fff; overflow:hidden; position:relative; padding-left:50%;}
.index_6_mid_right_mid{padding:3.5em 10%; margin:5em 0; background:rgba(0,91,172,0.8);}
.index_6_mid_right_mid_1 a{ padding-bottom:0.35em; color:#f1f1f1; font-size:1.0em; font-family: Arial, Helvetica, sans-serif; display:inline-block; position:relative;}
.index_6_mid_right_mid_1 i{font-size:2em; margin-right:10px; vertical-align:middle;  -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out;}
.index_6_mid_right_mid_1 a:hover i{margin-right:5px;}
.about_2_video_title{position:absolute; left:0; top:0; width:100%; height:100%; z-index:999; text-align:center;}
.about_2_video_title_1{font-size:1.875em; color:#fff;}
.about_2_video_title_2 a{margin:0 0.5em; display:inline-block; border:1px #b9c8d3 solid; font-size:0.875em; width:10.5em; line-height:2.928571428571429em;color:#fff;}
.about_2_video_title_2{margin-top:1.8em; display:none;}
.about_2_video_title_2 a:hover{background-color:#b9c8d3; color:#000;}
.submenulist{-webkit-transition:all 1.5s cubic-bezier(.23,1,.32,1);-o-transition:all 1.5s cubic-bezier(.23,1,.32,1);transition:all 1.5s cubic-bezier(.23,1,.32,1); -webkit-transform:scaleY(0);-ms-transform:scaleY(0);transform:scaleY(0);opacity:0;max-height:0;-webkit-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s;-webkit-transition-timing-function:cubic-bezier(.23,1,.32,1);-o-transition-timing-function:cubic-bezier(.23,1,.32,1);transition-timing-function:cubic-bezier(.23,1,.32,1);-webkit-transform-origin:top center;-ms-transform-origin:top center;transform-origin:top center; position:fixed; width:100%; z-index:999; left:0; top:0; height:100%; background-color:#fff; }
.submenulist_show{opacity:1;-webkit-transform:scaleY(1);-ms-transform:scaleY(1);transform:scaleY(1);max-height:inherit;-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition-duration:1.05s;-o-transition-duration:1.05s;transition-duration:1.05s}
.submenulist_mid{text-align:center;}
.submenulist_mid ul li{margin-left:5em; display:inline-block; position:relative; text-align:left; height:8em;}
.submenulist_mid ul li:nth-child(1){margin-left:0}
.submenulist_mid ul li dl{position:absolute; left:0; width:100%; top:-2em;}
.submenulist_mid .footer_mid_3_left_1 a{font-size:1.5em; color:#000;}
.submenulist_mid .footer_mid_3_left_1::after{background-color:#000;}
@media screen and (min-width:1200px) {
.submenulist_mid ul li:hover .footer_mid_3_left_1::after{width:2em;}
.header_mid_mid_hide{display:none}
}
.submenulist_mid ul li dl dd{margin-bottom:0.6em;}
.submenulist_mid ul li dl dd a{color:#000;}
.submenulist_mid .footer_mid_3_left_1{margin-top:-7em;}
.bannerny img{width:100%;}
.ab_1_mid{margin:0 15%;}
.ab_1_1 ul li{float:left; width:45.97701149425287%;}
.ab_1_1 ul li:nth-child(2n){float:right;}
.ab_1_1_img{overflow:hidden;}
.ab_1_1_img img{width:100%;}
.ab_1_1_con{padding:0em 1.25em;}
.ab_1_1_con_1{font-size:1.875em;}
.ab_1_1_con_2_1{font-size:1.25em; margin-top:2em; margin-bottom:0.8em;}
.ab_1_1_con_2_2{line-height:1.8em; font-size:0.8em; margin-top:2em; margin-bottom:8em;}
@media screen and (max-width:1400px) {
.ab_1_mid{margin:0 5%;}
}
.ab_1{margin-top:9em; margin-bottom:7.5em;}
.ab_2{ background-position:center; background-repeat:no-repeat; background-size:cover;
overflow:hidden; /*height:100vh;background-attachment:fixed;background-image:url(../images/about03.jpg)*/}
.ab_2 img{width:100%;}
.ab_3{display:none;}
.ab_4_mid{position:relative; padding-right:4.125em; background-color:#f4f4f4;}
.ab_4_mid_left{ position:relative; background-color:#f4f4f4; overflow:hidden;}
.ab_4_mid_right{position:absolute; right:0; bottom:1em; z-index:10; width:4.125em; text-align:center;}
.ab_4_mid_right i{color:#333; font-size:2.5em; line-height:1em;}
.ab_4_mid_right i:hover{color:#005bac}

.ab_4_mid_left_img_v{opacity:0;width:48.76296887470072%;}
.ab_4_mid_left_img_v img{width:100%;}
.ab_4_mid_left_mid{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10;  }
.ab_4_tt{position:absolute; left:56%; top:10%; z-index:100;}
.ab_4_mid_left_mid_mid{width:48.76296887470072%; overflow:hidden}
.ab_4_mid_left_mid_mid img{width:100%;}
.ab_4{margin-top:8em; margin-bottom:8em;}
.ab_4_mid_left_mid_mid_right{position:absolute; left:56%; width:35%; bottom:16%;}
.ab_4_mid_left_mid_mid_right_1{font-size:1.5em;}
.ab_4_mid_left_mid_mid_right_1 span{font-size:0.6em; margin-left:1em; display:inline-block;}
.ab_4_mid_left_mid_mid_right_2{margin-top:0.5em; margin-bottom:1.2em;}
.ab_4_mid_left_mid_mid_right_3{font-size:0.75em; line-height:1.8;}
.ab_5_tt{margin-bottom:1em;}
.contact_1{width:48%; float:left; background:url(../images/contact_bg.jpg) no-repeat left bottom; background-size:100%; padding-bottom:16em; margin-bottom:7em;}
.contact_2{width:48%; float:right; margin-bottom:7em;}
.contact_1_1{margin-top:2em; margin-bottom:2em; font-size:2em; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#005bac;}
.contact_1_1 span{display:block; font-size:0.6em; font-family:"微软雅黑"; color:#333; font-weight:normal;}
.contact_1_2{font-size:1.4em; padding-bottom:1em;}
.contact_1_3{margin:0.4em 0; font-size:0.95em;}
.contact_1_4{margin-top:2.5em; margin-bottom:2em;}
.contact_1_4 a{padding-bottom:0.3em; color:#000; display:inline-block; font-size:1.1em;}
.contact_1_4 span{font-family:"宋体"; margin-left:10px;}
.contact_1_4 a:hover{color:#005bac;}
.contact_2_mid ul li{padding-bottom:0.8em; margin-bottom:2em; float:left; border-bottom:1px #ccc solid; width:100%;}
.contact_2_mid ul li input{background:none; border:none; width:100%; font-size:1em;}
.contact_2_mid ul li:nth-child(1){width:50%; margin-right:50%}
.contact_2_mid ul li:nth-child(2){width:50%; margin-right:50%}
.contact_2_mid ul li:nth-child(3){width:100%}
.contact_2_mid ul li:nth-child(4){width:32%;}
.contact_2_mid ul li:nth-child(4) div{position:relative; padding-right:100px;}
.contact_2_mid ul li:nth-child(4) div img{position:absolute; right:0; top:0;}
.contact_2_mid ul li textarea{ height:6em; background:none; border:none; width:100%; font-size:1em;}
.contact_2_footer a{display:inline-block; color:#fff; background-color:#00479d; padding:0.5em 4em;}
.contact_2_footer{margin-bottom:6.9375em; margin-top:3em;}
.contact_2_footer a:hover{background-color:#2165b7;}
.mar_3_1_img{overflow:hidden; width:100%;}
.mar_3_1_img img{width:100%;}
.div1252{margin:0 auto; max-width:78.25em; padding:0 1em;}
.mar_2{font-size:1.5em;}
.mar_1 .contact_1_1{margin-bottom:0}
.mar_1{margin-bottom:5em;}
.mar_3_2_1{ margin-top:1.5em; font-size:0.9375em; font-weight:bold}
.mar_3_2_2{ margin-top:1em; position:relative; font-size:0.75em; padding-right:6em;}
.mar_3_2_2_right{position:absolute; right:0; top:0;}
.mar_3 ul li{margin-bottom:3.5em;}
.mar_3 .swiper-button-next{ top:50%; margin-top:-2.1875em;opacity:1; width:4.375em; height:4.375em; background-position:center; background-repeat:no-repeat; background-size:cover; right:1em; background-image:url(../images/market/img3.png);}
.mar_3 .swiper-button-prev{ top:50%; margin-top:-2.1875em;opacity:1; width:4.375em; height:4.375em; background-position:center; background-repeat:no-repeat; background-size:cover; left:1em; background-image:url(../images/market/img2.png);}
.mar_3 .swiper-button-next.swiper-button-disabled,.mar_3 .swiper-button-prev.swiper-button-disabled{display:none}
.mar_3_2_2_right a{display:inline-block; position:relative; padding-bottom:0.4em;}
.mar_3_2_2_right a:after{
  content: "";
  position: absolute;
  z-index: 1;
  left: 0%;
  width: 100%;
  bottom: 0em;
  height:1px; background-color:#000;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.pro_1{ margin-top:3.8em; margin-bottom:3.8em; padding-right:20em; font-size:0.875em; position:relative;}
.pro_1_left ul li{line-height:2.142857142857143em; display:inline-block; margin-left:2.6em;}
.pro_1_left ul li:nth-child(1){margin-left:0}
.pro_1_left ul li a.on{font-weight:bold; color:#005bac;}
.pro_1_right{position:absolute; right:0; top:0; width:20em; height:2.142857142857143em;border-radius:2.142857142857143em; border:1px #9b9b9b solid;}
.pro_1_right div{padding:0 3.285714285714286em 0 1.4em; position:relative;}
.pro_1_right div .sproname{ font-size:1em; width:100%; border:none; background:none;height:2em;line-height:2em; }
.sprobtn{position:absolute; right:0; top:0; height:100%; border:none; background:none; background-position:center; background-repeat:no-repeat; background-image:url(../images/product/img3.png); cursor:pointer; width:3em;}
.pro_2 ul li{ float:left;margin-right:2.47765006385696%; width:23.14176245210728%; margin-bottom:2.9em;}
.pro_2 ul li:nth-child(4n){margin-right:0}
.pro_2_mid{position:relative; padding-left:5px;}
.pro_2_mid_e_n{content: "";
  position: absolute;
  z-index: 10;
  background-repeat:no-repeat;
  background-position:center;
  z-index:10;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out; top:8px;
  position:absolute; left:0; padding:3px 13px 2px; letter-spacing:1px; background-position:center; background-repeat:no-repeat; background-size:cover; background-color:#000; font-size:10px; text-align:center; color:#fff;}
.pro_2_mid_mid_1{overflow:hidden; position:relative;}
.pro_2_mid_mid_1 img{width:100%;}
.pro_2_mid_mid_2_1{margin-top:0.5em; color:#000; font-size:1.125em; font-family:Arial, Helvetica, sans-serif;}
.pro_2_mid_mid_2_2{font-size:0.75em; color:#000;}
.pro_2_mid_mid_1_more{opacity:0; position:absolute; right:1em; bottom:1.5em; font-size:0.75em;}
.pro_2_mid_mid_1_more span{font-family: "Times New Roman", Times, serif; color:#fff; line-height:1.2em;}
.pro_2_mid_mid_1_more span i{padding-left:10px; vertical-align:middle; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; margin-top:-3px; display:inline-block;}
.pro_2 ul li:hover .pro_2_mid_mid_1_more i{padding-left:5px;}
.pro_2 ul li:hover .pro_2_mid_mid_1_more{opacity:1;}
.proinfo_mid{margin:4em 2% 0;}
.proinfo_mid_com{padding:0 3em; position:relative; margin:0 auto; max-width:84.6875em}
.proinfo_mid_1_1{color:#666;}
.proinfo_mid_1_1 a{color:#666;}
.proinfo_mid_1_1 span{color:#000;}
.bodyon_02 .bannerny{height:4.6875em}
.proinfo_mid_1_1{margin-top:2em; margin-bottom:4em;}
.proinfo_mid_2_left{position:absolute; left:0; top:50%; width:1.625em; height:1.8125em; margin-top:-0.90625em; z-index:10; text-align:left;}
.proinfo_mid_2_left a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.proinfo_mid_2_right{position:absolute; right:0; top:50%; width:1.625em; height:1.8125em; margin-top:-0.90625em; z-index:10; text-align:center;}
.proinfo_mid_2_right a{display:block; position:absolute; left:0; top:0; width:100%; height:100%;}
.proinfo_mid_2_left i,.proinfo_mid_2_right i{font-size:2em;}
.proinfo_mid_2_mid_mid{ text-align:center; width:46.49446494464945%; position:relative; overflow:hidden;}
.proinfo_mid_2_mid_mid img{}
.proinfo_mid_2_mid_mid a{left:0%; top:0%; z-index:100;  background-image:url(../images/zoom.png);
position:absolute; width:100%; height:100%; background-position:center; background-repeat:no-repeat;  opacity:0;}
.proinfo_mid_2_mid_mid:hover a{opacity:1;}
.proinfo_mid_2_mid_right{position:absolute; right:0; bottom:0; width:43.54243542435424%;}

.proinfo_mid_2_mid{position:relative;}
.proinfo_mid_2_mid_right_2{position:relative; padding:0 2.5em;}
.proinfo_mid_2_mid_right_2_left{position:absolute; left:0; top:50%; width:1.125em; height:2.1875em; margin-top:-1.09375em; z-index:10; cursor:pointer;}
.proinfo_mid_2_mid_right_2_right{position:absolute; right:0; top:50%; width:1.125em; height:2.1875em; margin-top:-1.09375em; z-index:10; cursor:pointer;}
.proinfo_mid_2_mid_right_2_left i,.proinfo_mid_2_mid_right_2_right i{font-size:1.5em;}
.proinfo_mid_2_mid_right_2_right_img{overflow:hidden; border:1px #fff solid; padding:3px;}
.proinfo_mid_2_mid_right_2_right_img:hover,a.on .proinfo_mid_2_mid_right_2_right_img{border-color:#959494;}
.proinfo_mid_2_mid_right_2_right_img img{width:100%;}
.proinfo_mid_2_mid_right_1 span{font-size:1.3em;}
.proinfo_mid_2_mid_right_1{margin-bottom:1.5em; color:#3b3b3b}
.proinfo_mid_2_mid_left{position:absolute; right:0; width:43.54243542435424%; bottom:23%;}
.proinfo_mid_2{margin-bottom:9.375em;}
.proinfo3{ overflow:hidden; position:relative;}
.proinfo3:after{
  content: "";
  position: absolute;
  z-index: 1;
  right: 0%;
  width: 100%;
  top: 0%;
  background-repeat:no-repeat;
  background-position:center;
  z-index:0;
  background-color:#f3f3f3;
  height: 26%;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.proinfo3_3{text-align:center; overflow:hidden; width:100%;}
.proinfo3_3 img{}
.proinfo3_4{ margin:5.625em 0; text-align:center;}
.proinfo3_4_mid{margin:0 auto; overflow:hidden;}
.proinfo3_4_mid img{}
.proinfo_mid_2_mid_left_1{font-size:2.083125em; color:#333;}
.proinfo_mid_2_mid_left_2{font-size:1.823125em; color:#333; border-bottom:1px #3f3f3f solid; padding:0.4em 0 0.4em 0;}
.proinfo_mid_2_mid_left_2 span{font-size:0.875em;}
.proinfo_mid_2_mid_left_3{ margin-top:1em; margin-bottom:1em; color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.29625em;}
.proinfo_mid_2_mid_left_4{color:#333; font-family:Arial, Helvetica, sans-serif; font-size:1.29625em; margin-bottom:0.5em;}
.proinfo_mid_2_mid_left_4 span{ padding-left:1em; display:inline-block; position:relative; cursor:pointer}
.proinfo_mid_2_mid_left_4 span:nth-child(1){margin-right:1em;}
.proinfo_mid_2_mid_left_4 span:after{
  content: "";
  position: absolute;
  z-index: 1;
  background-size:cover;
  left: 0%;
  width: 0.85em;
  top: 0.22em;
  background-image:url(../images/product/img11.png);
  background-repeat:no-repeat;
  background-position:center;
  z-index:0;
  height: 0.85em;
  -webkit-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out;
}
.proinfo_mid_2_mid_left_4 span.on:after{background-image:url(../images/product/img12.png);}
.proinfo_mid_2_mid_top{position:absolute; right:0; top:0; width:43.54243542435424%; text-align:right;}
.proinfo_mid_2_mid_top img{max-width:40%;}

/**download**/
.xd_d_1{ padding-top:3.4375em; text-align:center;border-bottom:1px #d4d4d4 solid;}
.xd_d_1 ul li{display:inline-block;}
.xd_d_mid{margin:0 16%;}
.xd_d_1_mid_img i{font-size:3em;}
.xd_d_1_mid_img_name{font-size:1.125em; margin-top:.4em;}
.xd_d_1_mid{border-left:1px #d4d4d4 solid; padding:0 3.90625vw;}
.xd_d_1 ul li:nth-child(1) .xd_d_1_mid{border:none}
.xd_d_1 ul li a{display:block; padding-bottom:2em; position:relative;}
.xd_d_3_list li{ padding:1.5em 1.5em; display:block; background-color:#fff;}
.xd_d_3_list li:nth-child(2n){background-color:#efefef;}
.xd_d_3_mid{ padding-right:9em; position:relative;}
.xd_d_3_mid_right{color:#fff; position:absolute; right:0; top:50%; -webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.xd_d_3_mid_left span{position:relative; display:block; font-size:1.125em;}
.xd_d_3_mid_left span i{font-size:1.5em; padding-right:0.5em; vertical-align:middle;}
.xd_d_3_mid_right span{padding-right:1em; background:#a2a2a2; background-position:right center; background-repeat:no-repeat; display:block; border-radius:5em; padding:5px 15px 6px;}
.xd_d_3{margin-top:1em; margin-bottom:7.5em;}
.xd_d_3_list a:hover .xd_d_3_mid_right span{background:#005bac;}
#passbox{ background: rgba(0,0,0,.5); display:none; position:fixed; left:0; top:0; width:100%; height:100%; z-index:999;}
.passbox_mid{ margin:0 auto; padding:0 1em; max-width:480px;}
.passbox_mid_mid{ overflow:hidden;border-radius:5px; background-color:#fff; padding:0em;}
.passbox_mid_1{ padding:.5em 1em; border-bottom:1px #dedede solid; position:relative;}
.passbox_mid_2{ padding-right:4em; margin:1.5em 1em; position:relative;}
.passbox_mid_2_wbk{ width:100%; border:1px #dedede solid; font-size:1em; padding:.5em 1em; background:none;}
.passbox_mid_2_btn{ width:4em; font-size:1em; cursor:pointer; position:absolute; right:0; top:0; height:100%; border:none; background:#005bac; color:#fff;}
.passbox_close_t { position:absolute; right:1em; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); width:1.5em; height:1.5em; display:block;}
.passbox_close::before,.passbox_close::after {
            content: '';
            width: 1.5em;
            height: 1px;
            /* 伪元素before和after添加的内容默认是 inline 元素 */
            /* inline内容有多大，它就有多大，不能设置宽和高 */
            /* 必须显示为block */
            display: block;
            background-color: #333;
            position: absolute;
            left: 0%;
            top: 50%;
        }
.passbox_close::before {transform:rotate(45deg);}
.passbox_close::after {background:#333; transform: rotate(-45deg);}
.xd_d_1 ul li a:after{content:''; display:none; position:absolute; left:50%; bottom:0;	border:0.7em solid #ccc;	border-top-color: transparent; border-bottom-color:#ccc; border-left-color: transparent; border-right-color:transparent; -webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration:0.5s; -moz-transition-duration:0.5s; transition-duration:0.5s; margin-left:-0.7em;}
.xd_d_1 ul li a:hover:after,.xd_d_1 ul li a.on:after{display:block;}
.xd_d_1 ul li a:hover,.xd_d_1 ul li a.on{color:#005bac;}
.xd_m_1{ color:#4b4b4b; padding-left:25vw; padding-top:2em; padding-bottom:2em; position:relative; background-color:#efefef;}
.xd_m_1_left{position:absolute; left:1.5625vw; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.xd_m_1_left_1{width:12vw;}
.xd_m_1_left_2{ font-size:1.25em; padding-left:1em;white-space:nowrap; position:absolute; left:12.5vw; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); color:#005bac;}
.xd_m_1_right ul li{display:inline-block; margin-left:11vw}
.xd_m_1_right ul li a{font-size:1.125em; color:#808080;}
.xd_m_1_right ul li a:hover,.xd_m_1_right ul li a.on{color:#353535;}
.xd_m_2{position:relative;}
.xd_m_2_right{margin-left:14.21875vw; padding-top:7.29166666666667vw; position:relative; border-left:1px #cdcdcd solid; padding-left:3.125vw; margin-bottom:8vw;}
.xd_m_2_left{position:absolute; left:0; top:0; width:14.21875vw;}
.xd_m_2_right_right{ position:relative; margin-left:25vw; margin-right:13%;}
.xd_m_2_right_right ul{position:relative;}
.xd_m_2_right_right ul li{position:absolute; left:0; top:0;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;opacity:0;}
.xd_m_2_right_right ul li:nth-child(1){position:relative}
.xd_m_2_right_right ul li.on{opacity:1;}
.xd_m_2_right_right_f{ line-height:1;-webkit-transform:translate(-75%, -0%);-ms-transform:translate(-75%, -0%);transform:translate(-75%, -0%);
position:absolute; z-index:10; left:0; top:.2em; font-family:"Times New Roman", Times, serif; font-size:3.64583333333333vw}
.xd_m_2_left ul li a{font-size:1.25em; color:#333333;}
.xd_m_2_left ul li a.on,.xd_m_2_left ul li a:hover{color:#000;}
.xd_m_2_left ul{margin-top:1.5em;}
.xd_m_2_left ul li{border-bottom:1px #cdcdcd solid; padding:1em 1.5625vw;}
.xd_m_2_right_left{position:absolute; left:3.125vw; bottom:0; width:20vw;}
.xd_m_2_right_left_mid{margin:0 36px;}
.swiper-button-next-dd{-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); position:absolute; right:0; top:50%; cursor:pointer}
.swiper-button-prev-dd{-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%); position:absolute; left:0; top:50%; cursor:pointer}
.xd_m_2_right_left_mid .swiper-slide{opacity:.5; cursor:pointer;-webkit-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; -moz-transition-duration: 0.5s; transition-duration: 0.5s;}
.xd_m_2_right_left_mid .swiper-slide.on{opacity:1}
.xd_m_1_sals{padding-left:0}
.xd_m_1_sals_mid{margin-left:14.21875vw; text-align:center;}
.xd_m_1_sals_mid dl dd{display:inline-block; margin-right:.5em;}
.msc{font-size:1.5em; line-height:1.875em;}
.xd_m_1_sals_mid dl dd select{ height:2.5em;
font-size:1.125em; border:none; width:320px; background-color:#fff;}
.xd_m_1_sals_mid dl dd div{padding:0 .5em; background-color:#fff;}
.xdmals_1{border-bottom:1px dashed #eee; margin-bottom:3em;}
.xdmals_1 ul li{ margin-bottom:2.5em; float:left; width:32%; margin-right:2%;}
.xdmals_1 ul li:nth-child(3n){margin-right:0}
.xdmals_1_mid_1{height:88px;  }
.xdmals_1_mid_1 img{max-height:48px;}
.xdmals_1_mid_2{margin-top:1em; line-height:1.8; margin-bottom:1.5em;}
.xdmals_1_mid_2 span{font-weight:bold; padding-bottom:0.5em; display:block;}
.xdmals_1_mid_3 span{display:inline-block; color:#fff; background-color:#015bac; width:8.4375em; line-height:2.5em; height:2.5em; text-align:center; border-radius:3em;}
.xdmals_1{margin-right:6.77083333333333vw;}
.xdmals_1_mid_2{min-height:173px;}
.xd_m_ss_top{padding-left:14.21875vw;}
.xd_m_ss{text-align:center; font-size:1.5em;}
.xd_m_2_right_ress{position:absolute; z-index:10; left:3.125vw; top:7.29166666666667vw;}
.xd_m_2_right_ress a{display:block; width:5.125em; height:5.125em; background-image:url(../images/xd/17.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.xd_m_2_right_left_ak_1{font-size:1.6875em; color:#4b4b4b; margin-bottom:.4em;}
.xd_m_2_right_left_ak_2{margin-bottom:2em;}
.xd_b_mid{padding:14vw 0 17vw;}
.xd_b_mid_mid{margin:0 auto; padding:0 1em; max-width:660px;}
.xd_b_mid_mid_1{font-size:1.25em; text-align:center; margin-bottom:1em;}
.xd_b_mid_mid_2{position:relative; background-color:#111; border-radius:5em; padding-right:5em; padding-left:2.5em;}
.xd_b_mid_mid_2_left input{border:none; background:none; width:100%; color:#fff; font-size:1.0em; height:3.5em; line-height:3.5em;}
.xd_b_mid_mid_2_right{position:absolute; right:0; top:0; height:100%; width:3.5em;}
.xd_b_mid_mid_2_right input{ cursor:pointer;transform: scale(.8, .8); border:none; width:100%; height:100%; background:none; background-image:url(../images/srh.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.brand_s_mid{margin:0 13%; margin-top:150px; margin-bottom:150px;}
.brand_s_mid_mid{position:relative;}
.brand_s_mid_mid_sqs{width:50%; box-shadow: 0 0.9em 1em rgba(0,0,0,0.3); margin:0 auto;}
.brand_s_mid_mid_sqs img{width:100%; height:auto; padding-bottom:20px;}
.fancybox-nav span{/*visibility:visible*/}
.fancybox-prev{left:-80px;}
.fancybox-next{right:-80px;}
.fancybox-close{display:none}
.fancybox-prev span{ margin-top:-1.8125em; left:0; width:3.625em; height:3.625em; background-image:url(../images/xd/23.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.fancybox-prev span:hover{background-image:url(../images/xd/26.png);}
.fancybox-next span{ margin-top:-1.8125em; right:0; width:3.625em; height:3.625em; background-image:url(../images/xd/24.png); background-position:center; background-repeat:no-repeat; background-size:cover;}
.fancybox-next span:hover{background-image:url(../images/xd/25.png);}
.check_w_mid{padding:4vw 0 3vw;}
.check_mid{margin:0 auto; padding:0 1em; max-width:1000px; overflow:hidden;}
.check_mid iframe{height:800px;}

.categorys {width: 100%; height:auto; overflow:hidden; padding:30px 1em 10px;}
.categorys li{width:120px; height:30px; float:left; line-height:30px; text-align:center; border-right:1px solid #e0e0e0;}
.categorys a{font-size:16px; color:#333; transition: color .3s;}
.categorys a:hover{color:#005bac;}
.categorys .on a{color:#005bac; font-weight:bold;}
.categorys li:last-child{border-right:none;}

.page-news{width:100%; height:auto; overflow:hidden; margin-bottom:50px;}
ul.picture-list li {widht:100%; height:auto; overflow:hidden; border-bottom: 1px solid #e9e9e9; padding:30px 0;}
    ul.picture-list li:last-child { border-bottom:none;}
    ul.picture-list li .imgs { float: left; width: calc(36% - 40px);  margin-right: 40px; overflow: hidden;}
    ul.picture-list li a {display: block; -webkit-transition: all .5s; transition: all .5s;}

    ul.picture-list li .texts { float: right; width: 64%; text-align: left;}
    ul.picture-list li .texts .intros { float: left; width: 75%;}
    ul.picture-list li .texts .intros .titles {  margin: 14px 0 20px;  font-size: 18px;  line-height: 28px;  font-weight: 700; -webkit-transition: all .5s;  transition: all .5s;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
    ul.picture-list li .texts .intros .names { color: #999; width: 100%; font-size: 14px;  line-height: 24px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  -webkit-transition: all .5s;  transition: all .5s;}

    ul.picture-list li .texts .dates { float: right; width: 25%; text-align: right; letter-spacing: 1px; font-family: "Geometric415BT-BlackA";}
    ul.picture-list li .texts .dates:before { content: ""; width: 0%;  height: 1px;  background: #fff;  position: absolute;  left: 0;  bottom: -1px;  -webkit-transition: all 0.32s ease-in-out 0s;  -moz-transition: all 0.32s ease-in-out 0s;  -o-transition: all 0.32s ease-in-out 0s;  transition: all 0.32s ease-in-out 0s;}
    ul.picture-list li .texts .dates .times { padding: 18px 20px 8px; font-size: 28px; font-weight: 600;}
    ul.picture-list li .texts .dates .years { padding: 8px 20px 12px; font-size: 20px; font-weight: bold;}

    ul.picture-list li:hover .texts .intros .names { color: #666; }
    ul.picture-list li:hover .texts .intros .titles,
    ul.picture-list li:hover .texts .dates .times,
    ul.picture-list li:hover .texts .dates .years { color: #005bac;}
    ul.picture-list li:hover .texts .intros .titles,
    ul.picture-list li:hover .texts .intros .names { margin-left: 10px; }

/* Page News Detail Star */
    .page-news-detail { padding: 50px 0;}
    .page-news-detail img { max-width: 80%;}
    .page-news-detail .heads { border-bottom: 1px solid #f5f5f5; text-align: center;}
    .page-news-detail .heads .names { font-size: 18px; line-height: 1; text-align: center; font-weight: 600;}
    .page-news-detail .heads .paras { margin:20px 0 0; color:#999; font-size:14px;}
	.page-news-detail .heads .paras span{padding-right:50px;}
    .page-news-detail .heads .shares { text-align: center; margin:0 auto; display: inline-table;}
    .page-news-detail .infos { margin:0 auto; font-size:16px; padding:30px 0; text-align:left; line-height:28px; color:#333;}
/* Page News Detail End */

/* Prev Next Star */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0; font-size:14px;}
    .prev-next .prev { width: 40%; float: left; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .prev:hover { background: #35a9e6; border: solid 1px #35a9e6;}
    .prev-next .prev:hover a { color: #FFF;}

    .prev-next .back { width: 20%; float: left; text-align: center; text-transform: capitalize;}
    .prev-next .back a { display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; color: #545454; border: 1px solid #ddd; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .back a:hover { color: #FFF; background: #35a9e6; border: solid 1px #35a9e6;}

    .prev-next .next { width: 40%; float: right; text-align: left; text-transform: capitalize; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; line-height: 1; padding: 8px 14px; border: 1px solid #f5f5f5; border-radius: 10px; -webkit-transition: .6s; -o-transition: .6s; transition: .6s;}
    .prev-next .next:hover { background: #35a9e6; border: solid 1px #35a9e6;}
    .prev-next .next:hover a { color: #FFF;}
/* Prev Next End */



@media screen and (max-width:1600px) {
.xd_m_2_right_left_ak_1{font-size:1.25em;}
.xd_m_2_right_ress a{font-size:.75em;}
.xd_d_mid{margin:0 8%;}
.proinfo_mid_2_mid_left_2{font-size:1.375em;}
.proinfo_mid_2_mid_left_3,.proinfo_mid_2_mid_left_4{font-size:1.25em;}
.proinfo_mid_2_mid_right_1 span{font-size:1.029375em;}
/*.proinfo_mid_2_mid_left_1{
font-size:2.5em;}*/
.about_1_mid_right_1 span{font-size:1.3em;}
}
.showprodetail{ left:50%; top:50%; width:1px; height:1px; margin-left:-0.5px;  margin-top:-0.5px;opacity:0; position:fixed;  z-index:99999; background-position:center; background-repeat:no-repeat; background-size:cover;}
.showprodetail_close{position:fixed; right:2em; top:2em; z-index:10;}
.showprodetail_close img{width:2.5em; height:2.5em;}
.showprodetail_show{left:0; top:0; width:100%; height:100%; opacity:1; margin:0;}
.showprodetail_close img{
-webkit-transition: -webkit-transform 2s ease-out;
    -moz-transition: -moz-transform 2s ease-out;
    -o-transition: -o-transform 2s ease-out;
    -ms-transition: -ms-transform 2s ease-out;}
.showprodetail_close:hover img{-webkit-transform: rotateZ(360deg);
    -moz-transform: rotateZ(360deg);
    -o-transform: rotateZ(360deg);
    -ms-transform: rotateZ(360deg);
    transform: rotateZ(360deg);}
.fbg-w:after{content: ""; position: absolute; top:0; left:0; background:#f5f5f5; width:100%; height:86.35%; z-index:-10;}
.case_3_1{overflow:hidden;}
.case_3_1 img{width:100%;}
.case_3_2{margin-top:2.5em; opacity:0; position:relative; padding-left:15em; padding-right:6.75em; background-color:#fff;}
.swiper-slide-active .case_3_2{opacity:1;}
.case_3_2 ul li{margin-right:4em; min-height:3.6em; font-size:0.875em; color:#666; float:left; border-left:1px #c4c4c4 solid; padding-left:1.5em;}
.case_3_2 ul li:nth-child(2){margin-right:0}
.case_3_2_1,.case_3_2_2{line-height:1.8em;}
.case_3{position:relative; margin-bottom:6.5em;}
.case_3_left{ z-index:10; position:absolute; left:0; bottom:0;}
.case_3_left_1{font-size:1.8em; font-family:"Times New Roman", Times, serif; font-weight:bold; color:#005bac;}
.case_3_left_2{font-size:0.9em;}
.case_3_right{text-align:center; width:8.3125em; position:absolute; bottom:1em; right:0.5em; height:2.5em; line-height:2.5em;}
.case_3_right_left{position:absolute; left:0; top:0; width:2em; height:2.5em; cursor:pointer; z-index:10;}
.case_3_right_right{position:absolute; right:0; top:0; width:2em; height:2.5em; cursor:pointer; z-index:10;}
.case_3_right i{font-size:2.5em;}
.case_3_right_mid{text-align:center; font-family:Arial, Helvetica, sans-serif; color:#005bac;}
.case_3_right_mid span:nth-child(1){font-size:2.5em;}
.case_3_right_mid span:nth-child(2){font-size:1.5em;}

@media screen and (min-width:850px) {
.proinfo_mid_2_mid_left,.proinfo_mid_2_mid_right,.proinfo_mid_2_mid_top{right:4.5%;}
}


/*************************************************/
.fr{float:right; display:inline}
.ovh {overflow: hidden;}
body.ovh #header{border:none;} 
#mid{position:relative; transition: all 0.5s ease 0s; z-index: 1;}
.moveleft{transform: translateX(-66%);}
#header .m-btn { 
  float:right; 
  margin-right:0em; 
  position:relative;
  width: 27px;
  height: 20px;
  cursor: pointer;
}

@media screen and (min-width:1100px) {
.headerfix___{
position:fixed; left:0;
animation:mymove 0.4s ease-in-out 0s 1 alternate forwards;
-webkit-animation:mymove 0.4s ease-in-out 0s 1 alternate forwards; /*Safari and Chrome*/
}
@keyframes mymove
{
from {top:-100%;opacity:0;}
to {top:0px;opacity:1;}
}

@-webkit-keyframes mymove /*Safari and Chrome*/
{
from {top:-100%;opacity:0;}
to {top:0px;opacity:1;}
}

}
 
@media screen and (max-width:1200px) {
.brand_s_mid{margin-left:4%; margin-right:4%;}
.fancybox-prev span,.fancybox-next span{font-size:.75em;}
.xd_m_1_sals_mid{margin-left:0}
.msc{font-size:1.125em;}
.xd_m_1_sals_mid dl dd select{font-size:1em;}
.xdmals_1 ul li{width:49%; margin-right:0}
.xdmals_1 ul li:nth-child(2n){float:right;}
.xd_m_2_right_right{margin-right:4%;}
.xd_m_1_left_2,.xd_m_1_right ul li a,.xd_m_2_left ul li a{font-size:1em;}
.showprodetail_close img{width:2em; height:2em;}
.pro_2_mid_mid_2_1{margin-top:0.5em; font-size:1.0em;}
.proinfo_mid_com{padding:0 2.5em;}
.proinfo_mid_2_left,.proinfo_mid_2_right{font-size:0.75em;}
.proinfo_mid_2_mid_right_2{padding:0 1.8em;}
.proinfo_mid_2_mid_right_2_left,.proinfo_mid_2_mid_right_2_right{font-size:0.75em;}
.proinfo_mid_1_1{font-size:0.9375em;}
.proinfo3_4{margin:4em 0;}
.proinfo_mid_2{margin-bottom:4em;}
.proinfo_mid_2_mid_left_1{font-size:1.5em;}
.proinfo_mid_2_mid_left_2,.proinfo_mid_2_mid_left_3, .proinfo_mid_2_mid_left_4, .proinfo_mid_2_mid_right_1 span{font-size:1em;}
.bodyon_02 .bannerny{ height:0.1em;}
.proinfo_mid_1_1{margin-bottom:2em;}
.submenulist_mid ul li dl{top:-3em;}
.submenulist_mid .footer_mid_3_left_1 a{font-size:1.25em;}
.submenulist_mid ul li dl dd a{font-size:0.875em;}
#header{background-color:#005bac; padding:1.5em 0;}
.header_mid_mid{display:none}
.header_mid_right{top:6px;}
#mid{margin-top:4.6875em;}
.banner_txt_1{font-size:2.5em;}
.banner_txt_2{font-size:0.875em;}
.indexbanner .swiper-pagination-index-banner{transform: scale(.5, .5); bottom:10px;}
.about_1{padding-top:6em; padding-bottom:10em;}
}
@media screen and (max-width:1090px) {
.xd_m_ss{font-size:1.125em;}
.xd_m_2_right_ress a{font-size:.5em;}
.xd_m_2_right_left_ak_1{font-size:1.125em;}
.mar_1{margin-bottom:3em;}
.mar_2{font-size:1.125em;}
.contact_1_1{font-size:1.5em;}
.contact_1_2{font-size:1em;}
.contact_1_3,.contact_1_6,.contact_1_4 a,.contact_2_mid ul li input,.contact_2_mid ul li textarea,.contact_2_footer a{font-size:0.875em;}
.ab_1{margin-top:5em; margin-bottom:5em;}
.ab_1_1_con_2_1{font-size:1em;}
.ab_1_1_con_1{font-size:1.5em;}
.ab_1_1_con{padding-top:4em; padding-bottom:4em;}
.ab_4_mid_left_mid_mid_right_2{font-size:0.875em;}
.ab_4{margin-top:4em; margin-bottom:5em;}
.ab_5_tt{margin-bottom:2em;}
.submenulist_mid {margin-top:4.6875em;}
.submenulist .cell_mid,.submenulist .cell_h{display:inline;}
.submenulist_mid .footer_mid_3_left_1{padding-top:1em; padding-bottom:1em;}
.submenulist_mid ul li{display:block; margin:0; text-align:center; height:auto;}
.submenulist_mid ul li dl{position:static; margin-top:0.8em; display:none}
.submenulist_mid ul li.on dl{display:block}
.submenulist_mid .footer_mid_3_left_1{margin-top:0}
.submenulist_mid .footer_mid_3_left_1 a{font-size:1.125em; display:block}
.submenulist_mid .footer_mid_3_left_1::after{left:0%; width:100%; background-color:#dedede; height:1px;}
#footer{padding-top:3em; padding-bottom:3em;}
.footer_mid_3{padding-right:0}
.footer_mid_3_right{display:none}
.footer_mid_2{ display:none;}

.about_1_mid_right_1{font-size:1.875em;} 
.about_2_video_title_1{font-size:1.5em;}
.about_2_video_title_2 a{font-size:0.75em;}
.about_3_1{font-size:1.875em;}
.about_3_2{font-size:1em;}
.index_4_1{font-size:1.125em;}
.about_1{padding-top:4em;}
.pro_btn{margin-top:3em; margin-bottom:4em;}
.index_6{margin-top:3em; margin-bottom:4em;}
.about_3_3_mid_name_1{font-size:1em;}
.fbg-w:after{display:none;}

.categorys {width:80%; padding:20px 0 0; margin:0 auto;}
.categorys li{width:50%;}

    /* Picture List Star */
	ul.picture-list li {padding:20px 0;}
    ul.picture-list li .imgs { float: none; width: 100%; margin-right: 0; overflow: hidden;}
    ul.picture-list li a { display: block; -webkit-transition: all .5s; transition: all .5s;}

    ul.picture-list li .texts { float: none; width: 100%; text-align: left;}
    ul.picture-list li .texts .intros { float: none; width: 100%;}
    ul.picture-list li .texts .intros .titles {  margin: 14px 0 10px;  font-size: 15px;  line-height: 24px;  font-weight: 700; -webkit-transition: all .5s;  transition: all .5s;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 2;  overflow: hidden;}
    ul.picture-list li .texts .intros .names { color: #999; width: 100%; font-size: 12px;  line-height: 20px;  display: -webkit-box;  -webkit-box-orient: vertical;  -webkit-line-clamp: 3;  overflow: hidden;  -webkit-transition: all .5s;  transition: all .5s;}

    ul.picture-list li .texts .dates { display: none;}
    /* Picture List End */
.prev-next { border-top: 1px solid #f5f5f5; padding: 20px 0 0 0; font-size:14px;}
    .prev-next .prev { width: 100%; margin-bottom:8px;}
    .prev-next .back { display:none;}
    .prev-next .next { width: 100%;}
.page-news-detail { padding:25px 2% 0px;}
.page-news-detail img {max-width: 100%;}
    .page-news-detail .heads .names { font-size:16px; line-height: 1.5; text-align: center; font-weight:normal; color:#000;}
    .page-news-detail .heads .paras { margin:10px 0; font-size:12px;}
	.page-news-detail .heads .paras span{padding-right:10px;}
    .page-news-detail .infos {margin: 0 auto; font-size:14px; padding:20px 0; text-align: left;}

}
.swiper-pagination-cz{display:none}
.pro_1_left p{display:none;}
@media screen and (max-width:950px) {
.about_1_mid_right_3 a span{font-family:"Times New Roman", Times, serif; font-size:1em;}
.about_1_mid_right_3 i{font-size:1.8em;}
.index_6_mid_right_mid_1 a{font-family:"Times New Roman", Times, serif; font-size:0.9em;}
.index_6_mid_right_mid_1 i{font-size:1.6em;}
.case_3{margin-bottom:4em;}
.case_3_2{padding-left:0; padding-right:0}
.case_3_left{position:static; width:100%; text-align:center; margin-bottom:1.5em;}
.case_3_right{position:relative; margin:0 auto; font-size:0.75em; margin-top:2em;}
.pro_2 ul li{width:31.68156662409536%;}
.pro_2 ul li:nth-child(4n){margin-right:2.47765006385696%}
.pro_2 ul li:nth-child(3n){margin-right:0%;}
.pro_1{position:relative; z-index:100;}
.pro_1_left{position:relative; z-index:10;}
.pro_1_left p{ border-bottom:1px #dedede solid; display:block; position:relative; height:33px; line-height:33px;}
.pro_1_left p:after{content:" ";display:inline-block;vertical-align:middle;height:6px;width:6px;border:1px solid #333;border-right:0;border-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin:-6px 0 0 10px; position:absolute; right:4px; bottom:50%; margin-top:-4px;
}
.pro_1_left ul{ background-color:#fff; z-index:100; position:absolute; left:0; top:34px; width:100%;
-webkit-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-moz-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-ms-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
-o-box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1);
box-shadow:0 0.9375em 1.875em rgba(0,0,0,0.1); padding:0.5em 0; display:none;}
.pro_1_left.on ul{display:block;}	
.pro_1_left ul li{margin:0; display:block; width:100%;}
.pro_1_left ul li a{ color:#000; display:block; padding:0 1em;}
.pro_1_left ul li a.on{font-weight:normal}
.pro_1{ margin-top:2em; margin-bottom:3em; padding-right:0;}
.pro_1_right{position:static; width:auto; margin-top:1em;}
.pro_2_mid_mid_2_1{font-size:0.95em;}
.footer_mid_3_left_1:before{content:" ";display:inline-block;vertical-align:middle;height:6px;width:6px;border:1px solid #d4d4d4;border-right:0;border-top:0;-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg);margin:-6px 0 0 10px; position:absolute; right:4px; bottom:50%; margin-top:-4px;}
.footer_mid_1{text-align:center; margin-bottom:1em;}
.footer_mid_1 img{max-width:10em !important;}
.footer_mid_2{}
.footer_mid_3_left ul li{width:100%;}
.footer_mid_3_left ul li:nth-child(1){display:none}
#footer .footer_mid_3_left ul li dl dd a{font-size:0.875em;}
#footer .footer_mid_3_left ul li dl{ display:none; margin-top:0.8em; margin-bottom:0.5em;}
#footer .footer_mid_3_left ul li.on dl{display:block}
#footer .footer_mid_3_left_1{padding-top:0.8em; padding-bottom:0.8em; font-size:0.9em;}
#footer .footer_mid_3_left_1::after{height:1px; width:100%;}
.check_w_mid{padding:6vw 0 6vw;}
.check_mid iframe{height:85vw;}
.g-logo{width:260px; height:100px; border-radius:0 0 30px 30px; padding:40px 25px 0;}
.dmtb{top:0;}
.dmtb li{width:50%; height:50vh; float:left; padding:0 20px 0;}
.dmtb li:nth-child(odd) {background:none;}
.dmtb li:nth-child(1) {background:rgba(255,255,255,0.15);}
.dmtb li:nth-child(4) {background:rgba(255,255,255,0.15);}
.dmtb li:nth-child(1),.dmtb li:nth-child(2){ padding-top:25vh;}
.dmtb li:nth-child(3),.dmtb li:nth-child(4){ padding-top:15vh;}

.dmtb .g-tb{width:80px; height:80px; margin:0 auto; }
.dmtb .g-tt{line-height:24px; font-size:16px; font-weight:bold; margin-top:15px;}
.dmtb .g-xx{line-height:22px; font-size:14px; margin-top:4px;}
.dmtb li a:hover{transform: translateY(-0px);}
}
@media screen and (max-width:850px) {
.xd_m_1_sals_mid dl dd:nth-child(2){
width:49%; margin-top:1em;}
.xd_m_1_sals_mid dl dd:nth-child(3){
float:right; width:49%; margin-top:1em;}
.xd_m_1_sals_mid dl dd select{
width:100%;}
.xd_m_1_sals_mid dl{ }
.xd_m_1_sals_mid dl dd{float:left; width:100%; margin-right:0;}
.proinfo_mid_2_mid_top{width:auto}
.proinfo_mid_2_mid_top .proinfo_mid_2_mid_right_2{padding:0;}
.proinfo_mid_2_mid_left .proinfo_mid_2_mid_right_2,.proinfo_mid_2_mid_right_1{padding-left:0; padding-right:0}
.proinfo_mid_2_mid_right_1{margin-top:1em;}
.proinfo_mid_2_mid_left,.proinfo_mid_2_mid_right{position:static; width:auto;}
.proinfo_mid_2_mid_left{padding-top:1.5em;}
.proinfo_mid_2_mid_mid{width:100%; margin-top:1.5em;}

.ab_4 .swiper-pagination-bullet{background-color:#000;}
.ab_4_mid_right{display:none}
.ab_4_mid{padding-right:0}
.index_4_2_right_mid_right{height:auto}
.swiper-pagination-cz{display:block}
.index_4_2_right_mid_right .swiper-container-horizontal > .swiper-pagination-bullets,.index_4_2_right_mid_right .swiper-pagination-custom,.index_4_2_right_mid_right .index_4_2_right_mid_right .swiper-pagination-fraction{bottom:20px;}
.swiper-pagination-bullet-active{background-color:#fff;}
.about_1_mid_right_2{margin-bottom:2em;}
.div1200,.div1252,.div1000{padding:0 2%;}
.div1600{width:100%;}
.index_4_2{max-width:none}
.index_4_2_left{float:none;}
.index_4_2_right{float:none; margin:0 auto; margin-top:2em; width:100%;}
.index_4_2_right_mid{padding-right:0;}
.index_4_2_right_mid_left{display:none}
.index_6_mid_right_mid{padding-top:5em; padding-bottom:5em;}
.about_1_mid_right_1,.about_3_1{font-size:1.5em;}
.about_1_mid_left{float:none; margin:0 auto; width:83%; padding:4em 0;}
.about_1_mid_right{float:none; width:auto; background:#f3f3f3; padding:30px;}
.about_1{padding-bottom:0;}
.about_2_video_title_1{font-size:1.25em;}
.about_1_b_w{width:100%; height:auto; background:#fff; overflow:hidden;}
.about_1_b{width:100%; max-width:1600px; height:8em; margin:0 auto; text-align:right; line-height:none;}
.about_1_b span{font-size:1.3em; padding-left:0; color:#333; display:block; width:100%; text-align:center; line-height:30px; padding-top:30px;}
.about_1_b_w .faril{font-size:1.2em; padding-right:0; line-height:40px; padding-top:0px;}


.dmft-01{height:40px; line-height:40px; font-size:24px;}
.dmft-01 span{letter-spacing:0.8em; padding-left:23px;}
.dmft-01 span:after{width:20%; bottom:14px;}
.dmft-01 span:before{width:20%; bottom:14px;}
.dmft-02{height:40px; line-height:40px; font-size:15px; margin:0 auto 30px;}
.dmft-02 span{padding-left:7px;}
.dmft-03{height:60px; line-height:60px; font-size:12px;}
.dmft-03 a{display:none;}

} 
.mocate{ padding:0 1em; display:none; border-bottom:1px #dedede solid;}
.mocate select{ font-size:1em; padding:.5em 0em; border:none; background:none; width:100%;}
@media screen and (max-width:768px) {
.brand_s_mid{margin-top:130px; margin-bottom:100px;}
.xd_m_ss{padding-top:.5em;}
.xd_m_2_right_ress{left:auto; right:0}
.mocate{display:block}
.xd_m_2_right{margin-left:0; border:none; margin-bottom:12vw;}
.xd_m_2_left{display:none}
.xd_m_1_left{position:static; -webkit-transform: translate(-0%, -0%); -ms-transform: translate(-0%, -0%); transform: translate(-0%, -0%);text-align:center}
.xd_m_1_right{display:none}
.xd_m_1{padding-left:0; }
.xd_m_1_left_1{width:100%;}
.xd_m_1_left_2{display:none}
.xd_m_1{padding:1.5em 0;}
.xd_m_1_left_1 img{height:20px;}
.xd_m_2_right_right{display:none}
.xd_m_2_right_left{position:relative; left:0; width:100%;}
.xd_m_2_right{ padding-left:0; margin-left:4%; margin-right:4%;}
.xd_m_2_right_left_mid .swiper-slide{opacity:1;}
.xd_b_mid{padding:18vw 0;}
.ab_2{height:auto; background-image:none;}
.ab_3{padding:2em 0 1.5em; display:block;}
.ab_4_tt{display:none;}
.ab_1_1_con_2_2{margin-bottom:4em;}
.ab_2 img{display:block}
.showprodetail_close{top:1em; right:1em;}
.showprodetail_close img{width:2em; height:2em;}
.proinfo_mid{ margin-top:1em;}
.proinfo_mid_2_mid_left_1{font-size:1.375em;}
.proinfo3_2{font-size:1em;}
.mar_3 .swiper-button-next,.mar_3 .swiper-button-prev{width:3em; height:3em; margin-top:-1.5em;}
.mar_3 .swiper-button-next{right:0.5em;}
.mar_3 .swiper-button-prev{left:0.5em;}
.mar_2{font-size:1em;}
.mar_1{margin-bottom:2em;}
.mar_3 ul li{margin-bottom:2em;}
.contact_2_mid{width:100%;}
.contact_2_footer a{padding-top:0.5em; padding-bottom:0.5em; padding-left:0; padding-right:0; width:50%; display:block; text-align:center; margin:0 auto;}
.contact_2_footer{margin-bottom:4em; margin-top:1em;}
.ab_1_1_con{padding-top:3em; padding-bottom:3em;}
.ab_4{margin-bottom:3em; margin-top:0;}
.ab_1{margin-top:3em; margin-bottom:3em;}
.indexbanner .swiper-pagination-index-banner{transform: scale(.3, .3); bottom:-10px;}
.banner_txt_1{font-size:1.5em;}
.banner_txt_2{font-size:0.75em;}
.index_4_1{font-size:1em;}
.about_3_3_mid img{opacity:1;}
.about_3_3_mid .about_3_3_mid_name_1,.about_3_3_mid .about_3_3_mid_name_2{color:#fff;}
.about_3_3_mid .about_3_3_mid_name:after{background-color:#fff;}
.index_6_mid{padding-left:0;}
.index_6_mid_right_mid{padding:1.5em}
.index_6 .footer_mid{margin:0 2%;}
.contact_1{width:100%; float:none; background-size:60%; padding-bottom:8em; margin-bottom:3em;}
.contact_2{width:100%; float:none; margin-bottom:3em;}
.contact_1_4{margin-top:1.5em; text-align:right;}
.check_w_mid{padding:6vw 0 10vw;}
.check_mid iframe{height:500px;}
}
.ab_640_img{display:none; background-position:center; background-repeat:no-repeat; background-size:cover; height:35vh;}
.mobile_bigpic{display:none}
@media screen and (max-width:640px) {
.dm{width:33.3333%;}
.brand_s_mid{margin-top:70px; margin-bottom:70px;}
.brand_s_mid_mid_sqs{width:90%; margin-bottom:1em;}
.xd_m_1_sals_mid{margin-left:4%; margin-right:4%;}
.xdmals_1_mid_3 span{font-size:.9375em;}
.xdmals_1_mid_3 span{display:block; width:100%;}
.xdmals_1 ul li{margin-bottom:1.5em;}
.xdmals_1_mid_1{height:auto;}
.xdmals_1{margin-right:0}
.xdmals_1_mid_2{min-height:inherit; font-size:0.9em; line-height:1.6em;}
.xdmals_1 ul li{width:100%;}
.case_3{margin-bottom:2em;}
.case_3_2{margin-top:1.5em;}
.case_3_2 ul li{ min-height:inherit; padding-left:0; border:none; padding-right:0; margin:0; float:none;}
.mobile_bigpic{display:block;}
.bigpic{display:none}
.proinfo3_4{margin:3em 0;}
.proinfo_mid_2{margin-bottom:3em;}
.proinfo_mid_com{padding-left:1em; padding-right:1em;}
.proinfo_mid_2_left,.proinfo_mid_2_right{display:none}
.proinfo_mid_2_mid_mid{display:none}
.proinfo_mid_2_mid_left_1{font-size:1.25em;}
.pro_2_mid_mid_2_2{color:#666;}
.pro_2 ul li{ margin-bottom:1em; width:49%; margin-right:0;}
.pro_2 ul li:nth-child(2n){float:right;}
.pro_2 ul li:nth-child(4n){margin-right:0}
.mar_3_2_2{padding-right:0;}
.mar_3_2_2_right{position:static; width:100%; margin-top:1em;}
.contact_1{background-size:120%; padding-bottom:8em; margin-bottom:3em;}
.contact_2{margin-bottom:2em;}
.contact_1_1{font-size:1.375em;}
.contact_2_mid ul li:nth-child(1),.contact_2_mid ul li:nth-child(2),.contact_2_mid ul li:nth-child(3),.contact_2_mid ul li:nth-child(4){width:100%;}
.contact_2_mid ul li{margin-bottom:1em;}
.contact_2_footer{margin-bottom:2em;}
.ab_4_mid_left_mid{position:static;}
.ab_4_mid_left_img_v{display:none}
.ab_4_mid_left_mid_mid{width:100%;}
.ab_4_mid_left_mid_mid_right{position:static; width:auto; padding:1.5em;}
.ab_640_img{display:block;}
.ab_1_1_img{display:none}
.ab_1_1_con_1{font-size:1.25em;}
.ab_1_1_con{padding-left:0; padding-right:0; padding-top:2em; padding-bottom:2em;}
.ab_1_1 ul li{width:100%; float:none}
.index_6{margin-top:2em; margin-bottom:2em;}
.pro_btn{margin-top:2em; margin-bottom:3em;}
.pro_btn_left, .pro_btn_right{font-size:0.875em;}
.about_1{padding-bottom:0em; padding-top:0.5em;}
.about_1_mid_right_1, .about_3_1{ font-size:1.25em;}
.about_1_mid_right{ margin-top:0em;}
.dmtb{top:0;}
.g-logo{width:200px; height:75px; border-radius:0 0 20px 20px; padding:30px 20px 0;}
.dmtb li{width:50%; height:50vh; float:left; padding:30px 20px 0;}
.dmtb .g-tt{line-height:24px; font-size:14px; margin-top:10px;}
.dmtb .g-xx{line-height:18px; font-size:10px; margin-top:0px;}
.dmtb .g-tb{width:60px; height:60px; margin:0 auto; }
.dmtb li:nth-child(1),.dmtb li:nth-child(2){ padding-top:22vh; height:45vh;}
.dmtb li:nth-child(3),.dmtb li:nth-child(4){ padding-top:7vh; height:55vh;}

.dmft-01{height:30px; line-height:30px; font-size:18px;}
.dmft-01 span{letter-spacing:0.6em; padding-left:11px;}
.dmft-01 span:after{width:10%; bottom:15px;}
.dmft-01 span:before{width:10%; bottom:15px;}
.dmft-02{width:100%; height:24px; line-height:24px; font-size:12px; margin:0 auto 30px; letter-spacing:0.3em;}
.dmft-02 span{padding-left:6px;}
.dmft-03{height:60px; line-height:60px; font-size:12px;}
.dmft-03 a{display:none;}

}
@media screen and (max-width:550px) {
.simple-link{min-width:110px;}
.index_com_news_4 ul li{width:100%;}
}
@media screen and (max-width:480px) {
.dm{width:50%;}
.xd_m_1{padding:1em 0;}
.xd_m_1_left_1 img{height:22px;}
.case_3_left_1{font-size:1.25em;}
.case_3_right{font-size:0.65em;}
.proinfo_mid_2_mid_left_4 span::after{top:0.4em;}
.proinfo_mid_2_mid_left_2, .proinfo_mid_2_mid_left_3, .proinfo_mid_2_mid_left_4, .proinfo_mid_2_mid_right_1 span{font-size:0.875em; line-height:1.6;}
.proinfo_mid_2_mid_left_3{margin-bottom:1em;}
.proinfo_mid_2_mid_left_1{font-size:1.125em;}
.pro_1{margin-bottom:2em;}
.mar_3 .swiper-button-next,.mar_3 .swiper-button-prev{width:2em; height:2em; margin-top:-1em;}
.contact_1_2{font-size:0.9375em;}
.contact_1_1{margin-top:1.5em;}
.ab_1{margin-top:2em; margin-bottom:1em;}
.copyright_mid{padding:1em 0;}
.copyright_mid_mid{line-height:1.6; font-size:0.75em;}
.link_mid{display:none;}
#footer{padding-top:1.5em; padding-bottom:2em;}
#footer img{max-width:100px;}
.header_mid_left img{height:1.6em; width:auto;}
#header{height:1.25em; padding:1.25em 0;}
.bodyon #header{padding:1.25em 0;}
.header_mid_right{top:-20px;}
.bodyon #header .header_mid_left,.bodyon_02 #header .header_mid_left{top:0px;} 
.banner_txt_2{font-size:0.6em;}
.indexbanner .swiper-pagination-index-banner{transform: scale(.15, .15); bottom:-30px;}
.banner_txt_1{font-size:1.25em;}
.about_2_video_title_1,.about_1_mid_right_1, .about_3_1{
font-size:1.125em;}
.pro_btn_left, .pro_btn_right{font-size:0.75em; margin:0 0.5em;} 
.check_mid iframe{height:540px;}
.dmtb .g-tb{width:50px; height:50px; margin:0 auto; }

}
#header .m-btn .box {display:block; width:100%; height:100%; position:relative;}
#header .m-btn .line {
  display: block;
  width: 100%;
  height: 1px;
  background-color: #fff;
  position: absolute;
  left: 0;
  -webkit-transition: -webkit-transform 0.2s 0.1s;
  -moz-transition: -moz-transform 0.2s 0.1s;
  transition: transform 0.2s 0.1s;
}
#header .m-btn .line1 {
 /* width: 12px;*/
  top: 0;
}
#header .m-btn .line2 {
 /* width: 22px;*/
  top: 7px;
}
#header .m-btn .line3 {
  /*width: 16px;*/
  top: 14px;
}
#header .m-btn.cur .line1, #header .m-btn.cur .line2, #header .m-btn.cur .line3 {width:100%;}
.m-sub-menu.show {right:0; transition: all 0.44s ease 0s;}
.m-sub-menu {
  position: fixed;
  right: -100%;
  width: 66%;
  top: 0;
  z-index: 100;
  height: 100%;
  background-color: #fff;
  transition: all 0.64s ease 0s;
}
.m-sub-menu .top-box {line-height:60px; background-color:#333;}
.m-sub-menu .top-box .stt {
  display: inline-block;
  font-size: 16px;
  color: #acacac;
  margin-left: 8.2%;
  font-family: "Base-font";
}
.m-sub-menu .top-box .close {
  display: inline-block;
  width: 17px;
  height: 17px;
  background: url(../img/ico_37.png) no-repeat center;
  margin-right: 7.8%;
  margin-top: 22px;
  cursor: pointer;
}
.m-sub-menu .list-wrap ul {width:100%;}
.m-sub-menu .list-wrap li {
  line-height: 60px;
  width: 100%;
  border-bottom: 1px solid #f2f2f2;
}
.m-sub-menu .list-wrap li .col-box {display: block; padding: 0 7.8% 0 8.2%;}
.m-sub-menu .list-wrap .tit{  font-size:16px; color:#666;}
.m-sub-menu .list-wrap .point {
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(../img/ico_38.png) no-repeat center;
  margin-top: 26px;
}
.m-sub-menu .bot-link {width:84%; padding:0 7.8% 0 8.2%; margin-top:30px;}
.m-sub-menu .bot-link a {
  display: inline-block;
  width: 36px;
  height: 50px;
  margin-right: 20px;
  float: left;
}
.m-sub-menu .sec-sub-list {position:absolute; right:-100%; top:60px; width:100%;}
.m-sub-menu .sec-sub-list .return-fir {display: block; padding:0 7.8% 0 8.2%; line-height:60px; background-color:#333;}
.m-sub-menu .sec-sub-list .return-fir p {
  padding-left: 18px;
  color: #fff;
  font-size: 18px;
  background: url(../img/ico_42.png) no-repeat left center;
}
.m-sub-menu .sec-sub-list .boxs{
  width: 100%;
  position: absolute;
  left: 0;
  top: 0;
  transition: all 0.4s ease 0s;
  background-color: #fff;
}
.m-sub-menu .sec-sub-list .boxs.show{left:-100%;}
.m-sub-menu .sec-sub-list ul, .m-sub-menu .sec-sub-list li{width:100%;}
.m-sub-menu .sec-sub-list li{line-height:60px; border-bottom:1px solid #f2f2f2;}
.m-sub-menu .sec-sub-list li a {
  display: block;
  width: 84%;
  padding: 0 7.8% 0 8.2%;
  font-size: 16px;
  color: #666;
}
.m-sub-menu .sec-sub-list .bot-link{margin-top:14px;}
.search-alert {
  position: fixed;
  z-index: 999;
  background-color: #222222;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: none;
}
.search-alert .cent-form {
  position: absolute;
  width: 94.8%;
  left: 2.6%;
  top: 50%;
  height: 124px;
  margin-top: -63px;
  border-bottom: 1px solid #515151;
}
.search-alert .cent-form .tex {
  border: none;
  font-size: 66px;
  height: 124px;
  line-height: 124px;
  text-align: center;
  width: 100%;
  box-sizing: border-box;
  color: #fff;
  background: none;
   
  padding-left: 88px;
  padding-right: 80px;
  background: url(../img/ico_36.png) no-repeat 35px 60px;
}
.search-alert .cent-form .sub-butn {
  border: none;
  height: 100px;
  margin-top: 24px;
  font-size: 24px;
  line-height: 100px;
  color: #555;
  text-align: right;
  background: none;
   
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  text-align: center;
}
.search-alert .close {
  display: block;
  width: 18px;
  height: 18px;
  background: url(../img/ico_37.png) no-repeat center;
  position: absolute;
  top: 38px;
  right: 2.6%;
  cursor: pointer;
  transition: transform 0.3s ease 0s;
}
.ovh {
  overflow: hidden; }
@media screen and (max-width:768px) {
.search-alert .cent-form .tex{
		height: 60px;
		line-height: 60px;
		font-size: 28px;
		background-position: 30px 20px !important;
	}
	.search-alert .cent-form{
		height: 60px;
		margin-top: -30px;
	}
	.search-alert .cent-form .sub-butn{
		height: 60px;
		line-height: 60px;
		margin-top: 0;
		/*background: url(../img/ico_36.png) no-repeat center;*/
		/*font-size: 0;*/
	}
}
@media screen and (max-width:480px) {
.index_1_3_mid_right_1_right_3{
display:none}
.news_info_1_mid_2{
margin:1.5em 0;}
.news_info_1_mid_1_1{
font-size:1.125em;}
.news_info_1_mid_2{
font-size:0.875em;}
.search-alert .cent-form .tex{
		padding-left: 10px;
		text-align: left;
		background: none;
		font-size: 20px;
	}
.search-alert .cent-form .sub-butn{
		font-size: 22px;
		color: #777;
	}
#header .m-btn{ }	
.header_1_right ul li{
height:3.75em;}	
.lang-nav{
height:3.75em; line-height:3.75em;}	
.under-icon{height:calc(60px);}
#header{height:3.75em;}
#mid{margin-top:3.75em;}
.ts_logo{margin-top:0.5em;}
.header_1_left img{height:2em;}	
#header .m-btn{top:23px;}
.header_1_search{margin-top:1.375em;}
}
 
@media screen and (min-width:1090px) {
.xz_mr{
    -webkit-transform: rotateX(0deg) rotateY(0deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateX(0deg) rotateY(0deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out;
}

.sup_2_1 ul li:hover .xz_mr{
    -webkit-transform:rotateY(180deg);
    -moz-transform:rotateY(180deg);
}

.sup_2_1_mid_1 span i{
    -webkit-transform: rotateY(-180deg);
    -webkit-transform-style: preserve-3d;
    -webkit-backface-visibility: hidden;
    -moz-transform: rotateY(-180deg);
    -moz-transform-style: preserve-3d;
    -moz-backface-visibility: hidden;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -webkit-transition: all 0.8s ease-in-out;
    transition: all 0.8s ease-in-out; 
}

.sup_2_1 ul li:hover .sup_2_1_mid_1 span i{
    -webkit-transform:rotateX(0deg) rotateY(0deg);
    -moz-transform:rotateX(0deg) rotate(0deg);
    
}
}

.cent-form ::-moz-placeholder { color:#fff; }
.cent-form input:-webkit-input-placeholder { color:#fff; } 
.cent-form input:-moz-placeholder { color:#fff; } 
.so_1_left_3 ul li a{ overflow:hidden; display:block; position:relative;}
.so_1_left_3_mask{position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; color:#fff;}
.so_1_left_3_mid{padding:0 1.1875em;}
.so_1_left_3_mid_1{font-size:1.5em;}
 
.div_sj{display:none;}
@media screen and (max-width:1090px) {
.div_pc{display:none;}
.div_sj{display:block;}
}
@media screen and (min-width:1100px) {
.so_1_right_1_mid_1{display:inline-block;}
.so_1_right_1:hover .so_1_right_1_mid_1::after{width:100%;}
.pro_2_mid_1{display:inline-block;}
.pro_2:hover .pro_2_mid_1::after{width:100%;}
}
 
.prosearch{ padding-bottom:1.5em;-webkit-transition:all 0ms cubic-bezier(.23,1,.32,1) 1s; transition: all 1s cubic-bezier(.23,1,.32,1) 0ms;
position:absolute; left:0;  top:-100%;  z-index:100; width:100%; background-color:#f9f9f9; }
.prosearchon{top:0px;}
@media screen and (max-width:1335px) {
.prosearchon{top:0}
}
.prosearch_1 span{font-size:2em; font-weight:bold; color:#444;}
.prosearch_1{padding:1.4em 0; overflow:hidden;}
.prosearch_2{background-color:#eeeeee; overflow:hidden; padding:1em;}
.prosearch_2 input{border:none; background-color:transparent; width:100%; font-size:1em; font-family:"微软雅黑"}
.prosearch_3 a{ border-radius:2.071428571428571em; background-color:#fff; margin-right:1em; font-size:0.875em; display:inline-block; border:1px #ccc solid; padding:0.3em 1em; margin-bottom:0.6em;}
.prosearch_3{margin-top:1.5em;}
.prosearch_3 a:hover{border-color:#e9811a}
@media screen and (max-width:1090px) {
.prosearch_1 span{font-size:1.5em;}
.prosearch{position:fixed;}
.prosearchon{top:80px;}
}
@media screen and (max-width:768px) {
.prosearch_1{padding:1em 0;}
.prosearch_1 span{font-size:1.125em;}
.prosearch_2{padding:0.5em 1em;}
.h_right_l_search i{font-size:1.35em;}
.prosearch_1 span{font-size:1.125em;}
.prosearch_2 input{font-size:0.875em;}
}
@media screen and (max-width:480px) {
.prosearchon{top:60px;}
}
#nav{position:absolute; left:0; bottom:10%;}
.gotops{position:fixed; right:1em; bottom:1em; width:24px; height:72px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/up.png); cursor:pointer; z-index:10;}
.gotops_footer{background-image:url(../images/up2.png);}
.ko-progress-circle {
    width: 42px;
    height: 42px;
    background-color: #d9d9d9;
    border-radius: 50%
}

.ko-progress-circle .ko-progress-circle__slice, .ko-progress-circle .ko-progress-circle__fill {
    width: 42px;
    height: 42px;
    position: absolute;
    -webkit-backface-visibility: hidden;
    transition: transform 1s;
    border-radius: 50%
}
.ko-progress-circle .ko-progress-circle__slice {clip:rect(0px,42px,42px,21px);}
.ko-progress-circle .ko-progress-circle__slice .ko-progress-circle__fill{clip:rect(0px,21px,42px,0px); background-color:#1291d4;}
.ko-progress-circle .ko-progress-circle__overlay {
    width: 36px;
    height: 36px;
    position: absolute;
    margin: 3px;
    background-color: #fff;
    border-radius: 50%;background-position:center; background-repeat:no-repeat;   background-image:url(../images/index/img1.png); 
}
#header .m-btn.cur .line2{
opacity:0;}
#header .m-btn.cur .line1 {-webkit-transform: translateY(9px) rotate(-45deg);-moz-transform: translateY(9px) rotate(-45deg);-ms-transform: translateY(9px) rotate(-45deg);-o-transform: translateY(9px) rotate(-45deg);transform: translateY(9px) rotate(-45deg); background-color:#000;} 
#header .m-btn.cur .line3{-webkit-transform: translateY(-5px) rotate(45deg);-moz-transform: translateY(-5px) rotate(45deg);-ms-transform: translateY(-5px) rotate(45deg);-o-transform: translateY(-5px) rotate(45deg);transform: translateY(-5px) rotate(45deg); background-color:#000}

.weixin { position: fixed; width: 300px; height: 200px; z-index: 100000; left: 50%; top: 50%; margin: -100px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 6px; box-shadow: 1px 1px 2px #aaa; }
.weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; }
.weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; }
.weixin .img { padding: 10px; text-align: center; /*border-bottom: 1px solid #ddd; border-top: 1px solid #ddd;*/ }
.weixin .img img { width: 180px; height: 180px; }
.weixin p { padding: 2px 10px 0; text-align: center; }  

.ab_4_mid_left_mid_mid_right{opacity:0;}
.swiper-slide-active .ab_4_mid_left_mid_mid_right{opacity:1;}

@media screen and (min-width:1090px) {
.pro_2_mid_mid_2{min-height:2.5em;}
}
#showdimg img{ }

.proinfo_mid_2_mid_right_2{margin-top:1em;} 
.pa_1{font-size:2.083125em;}
.pa_2{padding:1em 0; border-bottom:1px #3e3e3e solid;}
.pa_2 span:nth-child(1){font-size:1.823125em;}
.pa_2 span:nth-child(2){font-size:1.301875em;} 
.pa_3{ margin-top:0.7em; margin-bottom:0.4em; font-size:1.29625em;}
.pa_4{ margin-top:0.5em; font-size:1.29625em;}
.pa_5 span{font-size:1.029375em;}
@media screen and (max-width:1440px) {
.pa_1{font-size:1.5em;}
.pa_2 span:nth-child(1){font-size:1.125em;}
.pa_2 span:nth-child(2){font-size:1em;} 
.pa_3,.pa_4{font-size:1em;}

}
@media screen and (max-width:640px) {

.proinfo_mid_2_mid_right .proinfo_mid_2_mid_right_2 span{margin-left:-1.8em;}
.pa_1{font-size:1.25em;}
.pa_2 span:nth-child(1){font-size:1em;}
.pa_2 span:nth-child(2){font-size:0.875em;} 
.pa_3,.pa_4{font-size:0.875em;}

}
.pa_4 span:after{
	content: "";
  position: absolute;
  z-index: 1;
  background-size:cover;
  left: 0%;
  width: 0.85em;
  top: 0.22em;
  background-image:url(../images/product/img11.png);
   background-repeat:no-repeat;
   background-position:center;
  z-index:0;
  height: 0.85em;
  -webkit-transition: all .4s ease-in-out;
          transition: all .4s ease-in-out;
}
.pa_4 span.on:after{background-image:url(../images/product/img12.png);}
.pa_4 span{ padding-left:1em; display:inline-block; position:relative; cursor:pointer}
.pa_4 span:nth-child(1){margin-right:1em;}
.proinfo_mid_2_mid_after{ font-size:0.65em; content:''; position:absolute; bottom:-12em; z-index:10; width:16.0625em; left:50%; margin-left:-8.03125em; height:5.625em; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/img1.png);
}
@media screen and (max-width:1200px) {
.proinfo_mid_2_mid_after{font-size:0.35em; bottom:-9em;}
}
@media screen and (max-width:480px) {
.proinfo_mid_2_mid_after{font-size:0.25em; }
}
.new_mak_1{border-bottom:1px #d9d9d9 solid;}
.new_mak_1 a{ margin-right:1.2em; display:inline-block; color:#666; padding:1.5em 0; position:relative;}
.new_mak_1 a:after{ display:none; position:absolute; left:0; bottom:0; width:100%; height:1px; content:''; background-color:#000;}
.new_mak_1 a.on:after,.new_mak_1 a:hover:after{display:block}
.new_mak_1 a.on,.new_mak_1 a:hover{color:#000}
.new_mak_2_mid{ color:#fff; padding:12.375em 0; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/market/img4.jpg);}
.new_mak_2_mid_mid{margin:0 auto; max-width:48.375em; padding:0 1em;}
.new_mak_2_mid_mid_2{background-color:#fff; position:relative; padding-right:4.75em;}
.new_mak_2_mid_mid_2_right{ cursor:pointer; text-align:center; position:absolute; right:0; top:0; width:4.75em; height:100%;}
.new_mak_2_mid_mid_2_left input{border:none; width:100%; background:none; font-size:1em; height:3.75em; line-height:3.75em;} 
.new_mak_2_mid_mid_1{ margin-bottom:1.125em; text-align:center; font-size:1.875em;}
.new_mak_2_mid_mid_2_left{padding:0 1.5em;}
.new_mak_2{margin-bottom:6.5em;}
.header_mid_right_lan{ background-position:right center; background-repeat:no-repeat; background-image:url(../images/market/img6.jpg); padding-right:0.8em; position:absolute; left:-2.9em; top:-2px;}
.header_mid_right_lan a{color:#fff;}
.header_mid_right_lan_on a{color:#000;}
.new_mak_2_mid_mid_2_right_btn{position:absolute; right:0; top:0; width:100%; height:100%;}
.new_mak_2_mid_mid_2_right_after{ background-image:url(../images/market/loading.gif); display:none; position:absolute; left:0; top:0; width:100%; height:100%; z-index:10; background-color:#fff;   background-position:center; background-repeat:no-repeat;}
.showboxmask{ text-align:center; position:fixed; left:0; top:0; width:100%; height:100%; z-index:1000000000; background-image:url(../images/market/img9.png);}
.showboxmask_mid{ width:534px; margin:0 auto; text-align:center; position:relative;}
.showboxmask_mid_mid{position:relative;}
.showboxmask_mid_mid_close{z-index:888; position:absolute; right:-1.65625em; top:-1.65625em;}
.showboxmask_mid_mid_pic{position:relative; overflow:hidden; background-color:#fff;/* padding:0.9375em;*/}
.showboxmask_mid_mid_pic img{height:100%; max-width:none}
#ff{height:742px}
@media screen and (max-width:1600px) {
 .showboxmask_mid{ width:400px}
 #ff{height:555px}
.about_1_mid_right_1 span{font-size:1.1em;}
.about_1_mid_right_2{font-size:1.1em; line-height:1.8em; margin-top:1.5em; margin-bottom:1em;}

}
@media screen and (max-width:768px) {
 .showboxmask_mid{ width:300px}
 .showboxmask_mid_mid_close img{ width:2em; height:2em;  }
 .showboxmask_mid_mid_close{ right:-1em; top:-1em;}
 #ff{height:415px}
 
}
@media screen and (max-width:1090px) {
.new_mak_2{margin-bottom:4em;}
.new_mak_2_mid{padding:8em 0;}
.new_mak_2_mid_mid_2_right{width:4em;}
.new_mak_2_mid_mid_2_left input{height:2.65em; line-height:2.65em;}
.new_mak_2_mid_mid_2_right_btn img{height:1.5em;}
.new_mak_2_mid_mid_1{font-size:1.5em;}
}
@media screen and (max-width:768px) {
.new_mak_2_mid{padding:4em 0;}
.new_mak_2_mid_mid_1{font-size:1.25em;}
.new_mak_2{margin-bottom:2em;}
}
@media screen and (max-width:480px) {
.new_mak_2_mid_mid_2_left{padding:0 1em;}
.new_mak_2_mid_mid_2_right_btn img{height:1.2em;}
.new_mak_2_mid{padding:4em 0;}
.new_mak_2_mid_mid_1{font-size:1em;}
.new_mak_2_mid_mid_2_right{width:2.3em;}
.new_mak_2_mid_mid_2_left input{height:2.2em; line-height:2.2em;}
.header_mid_right_lan{top:21px;} 
.proinfo_mid_2_mid_after{bottom:-6em; font-size:0.45em;}
}
/*************************/
.new_about_cate{background:#f5f5f5; line-height:1em; font-size:0.9em;}
.div1300{margin:0 auto; padding:0 1em; max-width:81.25em;}
.new_about_cate a{display:inline-block; padding:1.3em 0; color:#666; margin:0 0.5em; font-size:0.9em;}
.new_about_cate a:hover{color:#005bac;}
.new_about_cate i{color:#666; font-size:1.2em; vertical-align:middle;}

.cermid{margin:3em 0 7.5em 0;}
.cermid .swiper-slide{width:32.69230769230769%;}
.cermid .swiper-slide img{transform: scale(.65, .65);transition: all 1.5s cubic-bezier(0.215, 0.61, 0.355, 1) 0s;}
.cermid .swiper-slide-active img{transform: scale(1, 1);}
.eq_1_mid_2_mid_left{cursor:pointer; top:50%; margin-top:-16px; z-index:10;left: calc(32.69230769230769% - 36px);
position:absolute; width:18px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/zs/img2.png);}
.eq_1_mid_2_mid_right{  cursor:pointer; top:50%; margin-top:-16px; z-index:10;right: calc(32.69230769230769% - 36px);
position:absolute; width:18px; height:32px; background-position:center; background-repeat:no-repeat; background-size:cover; background-image:url(../images/zs/img3.png);}
.cermid_1{opacity:0; text-align:center; margin-bottom:15px;}
.cermid_1 span{ font-size:18px; color:#535353; padding-right:20px;
display:inline-block; background-position:right center; background-repeat:no-repeat; background-image:url(../images/zs/img1.jpg);}
.cermid_3{opacity:0; text-align:center; color:#000; margin-top:18px; font-size:18px;}
.cermid .swiper-slide-active .cermid_2{background: #fff; box-shadow: 0 8px 30px #ddd; overflow:hidden}
.cermid .swiper-slide-active:hover img{transform: scale(1.08, 1.08);}
.cermid .swiper-slide-active .cermid_1,.cermid .swiper-slide-active .cermid_3{ opacity:1;}
.cerbox{pointer-events:none;opacity:0; overflow:hidden; position:fixed; left:0; width:0%; height:0%; z-index:99999999999999; top:0;background:rgba(0,0,0,0.6);}
.cerboxon{pointer-events:auto; width:100%; height:100%;opacity:1;}
.cerbox_mid{margin:0 auto; height:calc(100vh - 0px);  position:relative; max-width:550px;}
.cerbox_mid_footer{ z-index:999; display:none; position:absolute; left:0; bottom:10px; text-align:center; width:100%; color:#000; font-size:24px;}
.cerbox_mid_close{position:absolute; right:-27px; top:-27px; z-index:999; cursor:pointer;}
.ssimg img{width:100%;}
.cerbox .swiper-container-vertical > .swiper-scrollbar{width:2px; right:10px;}
.bodynoroll{overflow:hidden;}
.cerbox .swiper-container{margin-top:27px;} 
@media screen and (max-width:1440px) {
 .xd_d_mid{margin:0 4%;}
.about_1_mid_right_1 span{font-size:1em;}
.about_1_mid_right_2{font-size:1em; line-height:2em; margin-top:1.3em; margin-bottom:1em;}

}
@media screen and (max-width:1024px) {
.xd_d_1{padding-top:2em;}
.xd_d_1 ul li a{padding-bottom:1em;}
.xd_d_1_mid_img_name{font-size:1em;}
.xd_d_3{margin-top:2em;}
.xd_d_3_list li{font-size:.875em;}
.cerbox_mid_close{width:40px; top:-20px; right:-20px;}
.cerbox_mid_footer{font-size:1.125em;}
.cermid_1 span,.cermid_3{font-size:1em;}
.cermid{margin:4em 0;}
}
@media screen and (max-width:768px) {
.cerbox_mid{height:30em; max-width:60%;}
.xd_d_1_mid_img i{font-size:2em;}

}
@media screen and (max-width:640px) {
.xd_d_1_mid_img i{font-size:1.5em;}

}
@media screen and (max-width:480px) {
.cerbox_mid_footer{font-size:1em;}
.cerbox_mid{height:20em;}
.cerbox_mid_close{width:30px; top:-15px; right:-15px;}
.cermid .swiper-slide{	width:100%; text-align:center}
.cermid .swiper-slide img{transform: scale(1, 1); width:70%;}
.eq_1_mid_2_mid_left{left:1em;}
.eq_1_mid_2_mid_right{right:1em;}

.xd_d_3{margin-bottom:4em;}
.xd_d_3_mid{padding-right:6em;}
.xd_d_3_list li{padding-top:1.2em; padding-bottom:1.2em; font-size:0.75em;}
.xd_d_1 ul li:nth-child(2n-1) .xd_d_1_mid{border:none}
.xd_d_1 ul li{float:left; width:50%; margin-bottom:1em;}
.xd_d_3_mid_left span i{font-size:1em;}
.about_1_mid_right_2{font-size:0.9em; line-height:1.5em;}
.fz1{font-size:0.9em;}

}
.mocate select{color:#000; appearance:none; -webkit-appearance: none; -moz-appearance: none; background: url(../images/down.jpg) no-repeat  scroll  right  center  transparent;}
.xd_m_1_sals_mid dl dd select{color:#000;}

.gshop{overflow:hidden;}
.gshop_left{float:left; width:30%;}
.gshop_right{float:right; width:70%;}
.gshop_left_1{font-size:2.25em; margin-bottom:1.25em;}
.gshop_left_2{ margin-bottom:1em; font-size:1.125em;}
.gshop_left_3 ul li{float:left; width:49%; margin-bottom:1em;}
.gshop_left_3 ul li:nth-child(2){float:right}
.gshop_left_3 ul li:nth-child(3){width:100%;}
.gshop_left_3 ul li div{ padding:2px 0px; padding-right:0px; padding-left:5px; border:1px #8f8f8f solid; position:relative;}
.gshop_left_3 ul li div:after{pointer-events: none; content:''; position:absolute; right:5px; top:0; height:100%; width:12px; background-position:center; background-repeat:no-repeat; background-image:url(../images/down.jpg);}
.gshop_left_3 ul li select{
	width:100%;
	border:none;
	background:none;
	font-size:16px;
	/* 去掉三角 */
	appearance: none;
	-moz-appearance: none; /* Firefox */
	-webkit-appearance: none; /* Safari 和 Chrome */
	/* 去掉边框 */
	border: 0;
	display: block;
	position: relative;
 }
.gshop_left_4{border-bottom:1px #8f8f8f solid; padding-bottom:.5em; margin-top:2em;}
.gshop_left_4 span{ padding-right:1em; font-size:1.125em; background-position:right center; background-repeat:no-repeat; background-image:url(../images/down.jpg);}
#container{height:688px; background:red;}
.gshop_left_mid{padding-right:3.125vw}
.gshop_right_mid{padding-right:2.60416666666667vw;}
.gshop_right_mid_1{text-align:right; padding:1.5em 0;}
.gshop_right_mid_1 ul li{ padding-left:2em; display:inline-block; position:relative; margin-left:1.5em; font-size:1.25em;}
.gshop_right_mid_1 ul li:after{ background-position:center; background-repeat:no-repeat; background-size:cover; width:1.5em; height:1.95em;
content:''; position:absolute; left:0; top:50%;-webkit-transform:translate(-0%, -50%);-ms-transform:translate(-0%, -50%);transform:translate(-0%, -50%);}
.gshop_right_mid_1 ul li:nth-child(1):after{background-image:url(../images/mtb01.png);}
.gshop_right_mid_1 ul li:nth-child(2):after{background-image:url(../images/mtb02.png);}
.gshop_left_5_1{font-size:1.875em; margin-bottom:.2em; margin-top:.875em;}
.gshop_left_5_2{line-height:1.6;}
@media screen and (max-width:1680px) {
.gshop_left_1{font-size:2em;}
.gshop_left_5_1{font-size:1.5em;}
}
@media screen and (max-width:768px) {
.gshop_left,.gshop_right{width:100%;}
.gshop_left_1{font-size:1.5em;}
#container{height:580px;}
.gshop_right_mid_1 ul li{
font-size:1em;}
}
@media screen and (max-width:480px) {
.gshop_left_1{font-size:1.25em;}
#container{height:380px;}
}

